<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Page Title</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
</head>
<body>
    <div id="container" class="bbb ccccc">
        <div>222</div>
        <ul></ul>
        <ul onclick="alert(2222)">
            <li style="height: 400px; background-color: grey"><a href="#">Item 1</a></li>
            <li style="height: 400px; background-color: grey"><a href="#">Item 2</a></li>
            <li style="height: 400px; background-color: grey"><a href="#">Item 3</a></li>
            <li style="height: 400px; background-color: grey"><a href="#">Item 2</a></li>
            <li style="height: 400px; background-color: grey">
                <div>
                    <image src="http://www.baidu.com" alt="图片"></image>
                </div>
            </li>
            <li style="height: 400px; background-color: grey"><a href="#" id="target4">Item 4</a></li>
            <li style="height: 400px; background-color: grey">
                dddddd
                <span>
                    <a href="#">Item 11</a>
                    <a href="#">Item 22</a>
                </span>
                <img src="http://www.baidu.com" alt="图片2"/>   
                <a href="#" id="target" onclick="alert(111)">aaaa</a>
                <a href="#">Item 3</a> 
            </li>
        </ul>
    </div>
    <script src='../dist/prism-playback.min.js'></script>
    <script src='../dist/prism-record.min.js'></script>
</body>
</html>